<template>
  <button
    class="test-btn"
    @click="doClick"
  >
    Test Button
  </button>
</template>

<script setup lang="ts">
const emit = defineEmits<{
  (e: 'clicked'): void
}>()

console.log('TestButton loaded')

const doClick = () => {
  console.log('TestButton clicked')
  emit('clicked')
}
</script>

<style scoped>
.test-btn {
  padding: 8px 12px;
  border-radius: 4px;
  cursor: pointer;
}
</style>
